<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
</style>
<script>
    var info = {{ info }};
</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#style3Tab1" data-toggle="tab">基本信息</a></li>
                <li class=""><a href="#style3Tab2" data-toggle="tab">联系人</a></li>
                {% if type == 1 %}
                <li class=""><a href="#style3Tab3" data-toggle="tab">平板领用</a></li>
                {% endif %}
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;padding-top: 30px">
                    <form id="xh_form">
                        <div class="xh-area-form">
                            <table >
                                <tr>
                                    <td><label>公司名称</label></td>
                                    <td><input type="text" name="sName"><input type="hidden" name="iType" value="{{ type }}"><input type="hidden" name="iCIId"></td>
                                    <td><label>法人代表</label></td>
                                    <td><input type="text" name="sLegalName"></td>
                                </tr>
                                <tr>
                                    <td><label>电话</label></td>
                                    <td><input type="text" name="sPhoneNum"></td>
                                </tr>
                                <tr>
                                    <td><label>地址</label></td>
                                    <td colspan="3"><input type="text" name="sAddress"></td>
                                </tr>
                                {% if type == 2 %}
                                <tr>
                                    <td><label>供应商品</label></td>
                                    <td colspan="3">
                                        <select type="text" name="sProdIds[]" class="form-control" multiple="multiple">
                                            {% for id,text in prods %}
                                                <option value="{{ id }}">{{ text }}</option>
                                            {% endfor %}
                                        </select>
                                    </td>
                                <tr>
                                {% endif %}
                                <tr>
                                    <td valign="middle"><label>备注</label></td>
                                    <td colspan="5">
                                        <textarea name="mDesc" rows="5" border="0"></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <a id="save" class="btn btn-primary">保存</a>
                                    </td>
                                </tr>

                            </table>
                        </div>
                    </form>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab2" style="height: 100%;width: 100%">
                    <iframe  id="contact" src="{{ url('coop/contact/')~type~'?iCIId='~iCIId }}" name="contactFrame"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                {% if type == 1 %}
                <div class="tab-pane fade"  id="style3Tab3" style="height: 100%;width: 100%">
                    <iframe  id="contact" src="{{ url('Device/registerList?iCIId=')~iCIId }}" name="tabletFrame"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                {% endif %}
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>